<div class="row">
    <div class="col-xs-7">
        <div class="box box-primary">
            <div class="box-header">
                <h3 class="box-title">Tambah Online Support</h3>
            </div><!-- /.box-header -->
            <?php echo form_open_multipart('services_online_support/save', array('role' => 'form', 'id' => 'form'));?>
            <div class="box-body">				        
              <!-- text input -->
              <div class="form-group">
              	<label>Nama</label>
                <input class="form-control input-sm" name="nama" type="text" placeholder="Nama">
							</div>
							<div class="form-group">
              	<label>Username</label>
                <input class="form-control input-sm" name="username" type="text" placeholder="Username">
							</div>
            </div>		                   
            <div class="box-footer">
                 <button type="submit" class="btn btn-sm btn-primary btn-flat"><i class="fa fa-floppy-o"></i> Simpan</button>
            </div>
						<?php echo form_close();?>
        </div><!-- /.box -->                            
    </div>
</div>

		<script>
			$("#form").validate({
				rules: {
					nama: {
						required: true
					},
					username: {
						required: true
					},
				}
			});
		</script>